@media only screen and (max-width: 820px) {
  .navbar {
    width: 100%;
    height: auto;
    display: grid;
    justify-content: left;
  }
  .navbar ul li {
    display: contents;
    list-style: none;
    vertical-align: middle;
    margin: auto;
    justify-content: left;
    position: relative;
  }
  .footer {display:flex; width:100%;}
  .footitems1 {margin-bottom:3%}
  .footitems2 {margin-bottom:3%}
}
/* Design if more than 821 pixels */
@media only screen and (min-width: 821px) {
  .navbar {
    width: 100%;
    height: 100px;
    display: grid;
    justify-content: center;
  }
  .navbar ul li {
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    margin: auto;
    justify-content: center;
    position: relative;
  }
  .footer {display:flex; width:100%; margin-left:5%;margin-right:5%; justify-content:space-between; height:auto}
  .footitems1 {position:absolute; left:0;margin-left:2%}
  .footitems2 {position:absolute; left:50%; transform:translateX(-50%);text-align:center}
  .footitems3 {position:absolute; right:0; margin-right:2%; text-align:right}
}
  .navmenu{
    text-decoration:none;
    margin:10px;
  }
  .logo {
    display:block;
    width: 200px;
    height: 100px;
    margin:auto;
  }

body {font-family: Verdana, sans-serif; margin:0}  
.title {font-size:3rem; text-align:center;}
.info {font-size:1.1rem; margin-left:5%; margin-right:5%}
.facebook {height:75px; width:75px; text-align:center}